<template>
  <!-- <input type="text" 
  :value = "modelValue"
  @input="emits('update:modelValue', (<HTMLInputElement>$event.target).value)"
  /> -->

  <input type="text" 
  :value = "ming"
  @input="emits('update:ming', (<HTMLInputElement>$event.target).value)"
  />
  <br>
  <input type="text" 
  :value = "mima"
  @input="emits('update:mima', (<HTMLInputElement>$event.target).value)"
  />
</template>

<script setup lang="ts" name="AtguiguInput">
// defineProps(['modelValue'])
// const emits = defineEmits(['update:modelValue'])

defineProps(['ming', 'mima'])
const emits = defineEmits(['update:ming', 'update:mima'])
</script>

<style scoped>
  input {
    border: 2px solid black;
    background-image: linear-gradient(45deg,red,yellow,green);
    height: 30px;
    font-size: 20px;
    color: white;
  }
</style>